{% load i18n %}{% get_language_info for LANGUAGE_CODE as lang %}<!DOCTYPE html>
{% load trix_translations %}
<html lang="{{ LANGUAGE_CODE }}" dir="{% if LANGUAGE_BIDI %}rtl{% else %}ltr{% endif %}">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>{% block pagetitle %}{% endblock %}</title>
	<script>
		var LANGUAGE_URL = "{% if LANGUAGE_CODE != 'en' %}/{{ LANGUAGE_CODE }}{% else %}{% endif %}";
	</script>
    <script type="text/javascript" src="/static/js/amoeba.js"></script>
		<link href="/static/css/bootstrap.min.css" rel="stylesheet">
    	<link href="/static/css/bootstrap-responsive.min.css" rel="stylesheet">
		<link href="/static/css/common.css" rel="stylesheet" type="text/css" media="all" />
		<link href='https://fonts.googleapis.com/css?family=Anton|Crimson+Text:400italic|Oswald:700,400' rel='stylesheet' type='text/css'>
		{% block head %}{% endblock %}
		{% block css %}{% endblock %}
    <script type="text/javascript" src="/static/js/visualisation.js"></script>
	</head>
	<body onload="init()">
<div id="page">
			<header>
				<!--<h1>{% translate "page_header" %}{% block header %}{% endblock %}</h1>
		    <div id="langselector">
					{% if LANGUAGE_CODE = "en" %}
						<a class="ar" href="/ar/" dir="rtl" lang="ar">العربية</a>
					{% else %}
						<a class="en" href="/" lang="en">English</a>
					{% endif %}
		    </div> -->
			</header>

		{% block content %}{% endblock %}

		<footer>
					<div id="thanks">
						<ul class="unstyled">
							<li>{% translate "page_design_by" %} <a href="http://may-ninth.co.uk">MayNinth</a></li>
							<li>{% translate "page_code_by" %} <a href="http://p.ota.to">Potato</a></li>
							<li>{% translate "page_inspiration_from" %} <a href="http://www.movements.org">movements.org</a></li>
							<li>{% translate "open_source_tools"%}</li>
						</ul>
					</div>
		</footer>

		<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
		{% block js %}{% endblock %}

</div>
	</body>

</html>
